import { Meta, Description, Preview, Story } from '@storybook/addon-docs/blocks'

<Meta title="Responsive Table" />

<div className="sb-container">
  <div className='sb-section-title'>
    # Responsive Table

    > 高级可配置表格组件（基于 antd Table 封装）。本页为组件示例与使用范本 —— 包含常见用法、受控/服务端分页示例、行选择、操作列与工具栏搜索。

  </div>
  ResponsiveTable 用于构建管理后台列表/表格：

- 自动计算表体 scroll（基于 ResizeObserver），在容器变化时自动调整高度与宽度
- 支持本地分页与服务端分页（fetchData / fetchUrl），并能通过 request/response mapping 支持不同后端字段
- 可配置列显示/隐藏、序号列、操作列（actions）与权限控制
- 支持工具栏查询表单（inline / popover / drawer），可和地址栏 query 合并
- 支持行选择（single/multiple）与虚拟列表（virtualized）

</div>

<style>
  {`
  .sb-container {
    margin-bottom: 48px;
  }
  .sb-section-title {
    margin-bottom: 32px;
  }
  `}
</style>
